/*
	- Project : makeshop
	- Author : odini84@gmail.com
	- Description : 지원기능
	- Create : 2011-08-23
	- Modify : YYYY-MM-DD
		-
*/

/*
========================================================================
레이아웃
========================================================================
*/
#contWrap { position: relative; zoom: 1; width: 750px; padding-left: 237px; margin-left: auto; margin-right: auto; min-height: 600px; _height: 600px; background: url(../img/common/bg_aside_w217.gif) repeat-y 0 0; }
#contWrap:after { content: ""; display: block; clear: both; }
#aside,
#content { position: relative; float: left; }
/*
========================================================================
aisde
========================================================================
*/
#aside { left: -237px; width: 217px; margin-right: -217px; padding-bottom: 70px; }
#aside .tit-page { height: 74px; font-size: 0; line-height: 0; background-color: #fff; }
#aside .tit-page img { position: relative; top: 32px; left: 13px;  }
/* tab */
#aside .tab { zoom: 1; position: relative; background-color: #fff; }
#aside .tab:after { content: ""; display: block; clear: both; }
#aside .tab li { float: left; position: relative; top: 6px; width: 70px; }
#aside .tab a { position: relative; display: block; height: 17px; padding-top: 4px; text-align: center; border: 1px solid #dce5ec; border-right: 0; letter-spacing: -1px; background-color: #f5f9fa; }
	/* now */
	#aside .tab li.now { z-index: 1; top: 0; width: 77px; }
	#aside .tab li.now a { height: 17px; padding-top: 10px; margin-right: -1px; padding-right: 1px; font-weight: bold; color: #2e60cf; border: 1px solid #b8cad6; border-bottom: 0; background-color: #fff; }
	/* last */
	#aside .tab li.last a { margin-right: 0; border-right: 1px solid #dce5ec; }
/* sort */
#aside .sort { padding-top: 13px; margin-left: 8px; margin-right: 8px; }
#aside .sort ul { zoom: 1; overflow: hidden; }
#aside .sort li { float: left; }
#aside .sort a { display: block; height: 16px; padding-top: 4px; text-align: center; color: #fff; line-height: 16px; letter-spacing: -1px; border-right: 1px solid #c5d4de; background-color: #aec3d1; }
#aside .sort .up { width: 73px; }
#aside .sort .luv { width: 73px; }
#aside .sort .name { width: 55px; }
#aside .sort .now a { background-color: #8ea8bb; }
#aside .sort .name a { border-right: 0; }
/* evt */
#aside .evt { position: relative; top: -1px; padding-top: 13px; border-top: 2px solid #dce5eb; background-color: #fff; margin-left: 1px; margin-right: 1px; }
#aside .evt h2 { margin-left: 15px; font-weight: bold; color: #222; }
#aside .evt .img { width: 199px; height: 126px; margin-left: 8px; margin-top: 6px; font-size: 0; line-height: 0; }
#aside .evt .img a,
#aside .evt .img img { width: 100%; height: 100%; }
/* tlnb, lnb */
#aside .lnb-w { zoom: 1; position: relative; width: 100%; }
#aside .lnb-w .clip { position: absolute; left: -9px; top: 19px; width: 23px; height: 15px; background: url(../img/common/bull_aside_clip.gif) no-repeat 0 0; }
#aside .tlnb,
#aside .lnb { margin-left: 8px; margin-right: 8px; }
#aside .tlnb ul,
#aside .lnb ul { padding-left: 12px; }
	/* tlnb */
	#aside .tlnb { margin-top: 10px; border-top: 2px solid #d6e2e9; border-bottom: 2px solid #d6e2e9; }
	#aside .tlnb ul { padding-top: 8px; padding-bottom: 3px; }
	#aside .tlnb li { padding-bottom: 3px; }
	#aside .tlnb a { font-weight: bold;color: #333333; }
	#aside .tlnb li.now a { color: #2668ee; }
	/* lnb */
	#aside .lnb { display: none; }
	#aside #lnbTab1 { display: block; }
	#aside .lnb ul { padding-top: 10px; padding-bottom: 3px; border-bottom: 1px solid #dce5eb; }
	#aside .lnb li { padding-bottom: 6px; }
/* appDwSlide */
#appDwSlide { position: relative; height: 113px; margin-top: 9px; padding: 12px 0 0 15px; letter-spacing: -1px; border-top: 1px solid #dce5ec; border-bottom: 1px solid #dce5ec; }
#appDwSlide h2 { height: 26px; font-weight: bold; color: #222; }
#appDwSlide .cont { padding-right: 18px; text-align: right; }
#appDwSlide .icon { position: absolute; left: 28px; top: 44px; width: 64px; height: 64px; font-size: 0; line-height: 0; }
#appDwSlide .icon img { width: 100%; height: 100%; }
#appDwSlide .btn { margin-top: 5px; }
#appDwSlide button { display: block; overflow: hidden; position: absolute; top: 13px; height: 13px; text-indent: -9999px; background-image: url(../img/btn/sp_slide_1.gif); background-repeat: no-repeat; }
#appDwSlide .prev { left: 172px; width: 12px; background-position: 0px 0px; }
#appDwSlide .next { left: 184px; width: 13px; background-position: -12px 0px; }
/*
========================================================================
content
========================================================================
*/
#content { width: 100%; margin-top: 35px; padding-bottom: 50px; }
/* page header */
.loc-navi { zoom: 1; overflow: hidden; height: 20px; }
.loc-navi dt,
.loc-navi dd,
.loc-navi ul,
.loc-navi li { float: left; }
.loc-navi li { padding-left: 22px; color: #6f8ea3; letter-spacing: -1px; background: url(../img/common/bull_locnav_li.gif) no-repeat 9px 45%; }
.loc-navi li.first { padding-left: 15px; background: url(../img/common/bull_locnav.gif) no-repeat 0 0; }
.page-hd { zoom: 1; margin-top: 25px; padding-left: 155px; }
.page-hd:after { content: ""; display: block; clear: both; }
.page-hd .icon-w,
.page-hd .cont { position: relative; float: left; }
.page-hd .icon-w { left: -155px; margin-right: -128px; width: 128px; }
.page-hd .icon { height: 128px; font-size: 0; line-height: 0; text-align: center; }
.page-hd .scrap { zoom: 1;  overflow: hidden; padding: 6px 0 6px 7px; border: 1px solid #e0e7ed; }
.page-hd .scrap dt,
.page-hd .scrap dd { float: left; }
.page-hd .scrap dt { position: relative; top: 1px; margin-right: 5px; letter-spacing: -1px; }
.page-hd .scrap dd { font-size: 0; line-height: 0; white-space: nowrap; }
.page-hd .scrap dd a { margin-right: 4px; }
.page-hd .scrap dd a.last { margin-right: 0; }
.page-hd .cont { width: 100%; }
.page-hd .cont h2 { font-size: 18px; font-weight: bold; color: #333; letter-spacing: -1px; }
.page-hd .cont .update { position: absolute; right: 0px; top: 0px; }
.page-hd .cont .update dt,
.page-hd .cont .update dd { float: left; }
.page-hd .cont .update dt { overflow: hidden; width: 52px; height: 16px; margin-right: 8px; text-indent: -9999px; background: url(../img/common/icon_h16_update.gif) no-repeat 0 0; }
.page-hd .cont .update dd { padding-right: 10px; background: url(../img/common/bull_h4_btag.gif) no-repeat right 45%; }
.page-hd .cont .update dd a { font-size: 12px; font-weight: bold; color: #333; }
.page-hd .cont .dsc { overflow: hidden; height: 32px; padding-top: 10px; font-size: 12px; line-height: 1.25; }
.page-hd .cont .luv { margin-top: 15px; }
.page-hd .cont .luv th { padding: 3px 0 2px; color: #7d8e9e; font-weight: normal; border-top: 1px solid #dee7ee; border-bottom: 1px solid #dee7ee; background-color: #f5f9fa; }
.page-hd .cont .luv td { padding: 13px 0; border-bottom: 1px solid #dee7ee; }
.page-hd .cont .luv th,
.page-hd .cont .luv td { border-left: 1px solid #dee7ee; }
.page-hd .cont .luv .first { border-left: 0; }
.page-hd .cont .luv td .num { font-size: 16px; font-weight: bold; font-family: Comic Sans; vertical-align: middle; }
.page-hd .cont .luv td a { text-decoration: underline; letter-spacing: -1px; }
/* page content */ 
.page-cont { margin-top: 40px; }
.page-cont .visual { overflow: hidden; width: 100%; }
.page-cont h3 { height: 30px; margin-top: 40px; padding: 5px 0 0 30px; font-weight: bold; font-size: 16px; color: #4f7393; letter-spacing: -1px; border-bottom: 2px solid #d7e1ea; background: url(../img/common/bull_h24_sqr_crs.gif) no-repeat 0 45%; }
.page-cont .cbox { margin-top: 20px; padding-left: 20px; color: #808080; }
	/* 테이블 타입 1 */
	.page-cont .tbl-type1 { margin-right: 30px; }
	.page-cont .tbl-type1 th,
	.page-cont .tbl-type1 td { font-size: 12px; }
	.page-cont .tbl-type1 th,
	.page-cont .tbl-type1 td { padding: 8px 0 7px; border: 1px solid #d6e2e9; }
	.page-cont .tbl-type1 th { padding: 10px 0 9px; color: #4f7492; background-color:
	#f6f9fa; }
	.page-cont .tbl-type1 .tb-c,
	.page-cont .tbl-type1 .tb-l,
	.page-cont .tbl-type1 .tb-r { padding: 0 3px; }
	.page-cont .tbl-type1 th span { font-weight: normal; font-size: 11px; color: #808080; }
		/* green */
		.page-cont .tbl-type1 th.green { color: #008b80; background-color: #e5f3f2; }
		/* orange */
		.page-cont .tbl-type1 th.orange { color: #f88d46; background-color: #fef3ec; }
		/* lblue */
		.page-cont .tbl-type1 th.lblue { color: #66a9cd; background-color: #f1f5f8; }
		/* lred */
		.page-cont .tbl-type1 th.lred { color: #ff2d18; background-color: #fef3ec; }
		
		
	/* 소개 */
	.page-cont .cbox-about h4 { font-size: 16px; font-weight: bold; color: #333; }
	.page-cont .cbox-about p strong { color: #fe0000; }
	/* 특징 */
	.page-cont .cbox-feature { }
	.page-cont .cbox-feature h4 { margin-top: 25px; font-size: 16px; line-height: 29px; font-weight: bold; color: #578094; }
	.page-cont .cbox-feature h4 span { display: inline-block; margin-right: 5px; padding-left: 20px; padding-right: 10px; color: #fff; background: url(../img/common/bg_feature_num.gif) no-repeat 0 0; }
	.page-cont .cbox-feature h4.first { margin-top: 0; }
	.page-cont .cbox-feature p.ntxt { margin-top: 10px; margin-left: 20px; letter-spacing: -1px; }
	/* 활용 */
	.page-cont .cbox-app { }
	/* 가입절차 */
	.page-cont .cbox-jstep { }
	/* 요금 */
	.page-cont .cbox-fee .tbl-dsc { margin-top: 5px; }
	/* 위치 */
	.page-cont .cbox-loc { padding-top: 25px; text-align: center; font-size: 0; line-height: 0px; }
	.page-cont .cbox-loc ul { margin-top: 10px; text-align: center; }
	.page-cont .cbox-loc ul li { display: inline; margin-right: 15px; padding-right: 20px; color: #6595a8; font-size: 12px; background: url(../img/common/bull_service_location.gif) no-repeat right 45%; }
	.page-cont .cbox-loc ul li.now { margin-right: 0; padding-right: 0; font-weight: bold; color: #32515e; background: none; }
.page-cont .btn-foot { margin-top: 25px; padding-top: 55px; font-size: 0; line-height: 0; text-align: center; border-top: 2px solid #d7e1ea; }
.page-cont .btn-foot .btn-sp { margin-right: 10px; }

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	